<template>
	<view class="container">
		<view class="log_container" v-for="(item,index) in list" :key='index' @click="_goRequsetForm">
			<view class="title border">
				最低生活补贴保障金申请
			</view>
			<view class="item border">
				
				<view class="text">
					<text>申报人员：</text>
					<text>{{item.name}}</text>
				</view>
				<view class="text">
					<text>申报状态：</text>
					<text v-if="item.status">审核中</text>
				<text>已通过</text>
				</view>
				<view class="text">
					<text>申报时间：</text>
					<text>{{item.time}}</text>
				</view>
				<view class="text">
					<text>联系方式：</text>
					<text>{{item.phone}}</text>
				</view>
				
			</view>
			<view style="width: 100%; height: 16rpx; background-color: #F8F8F8">
				
			</view>
		</view>
		
	</view>
</template>

<script>

	export default {

		data() {
			return {
				list:[
					{
						name:'文星',
						time:'2021-11-15 14:00',
						phone:'136484513132',
						status:false,
					},
					{
						name:'文星1',
						time:'2021-11-15 14:20',
						phone:'1364845131232',
						status:true,
					},
					{
						name:'文星3',
						time:'2021-01-25 14:20',
						phone:'1364835131232',
						status:false,
					},
				]
			};
		},
		methods:{
			_goRequsetForm(){
				uni.navigateTo({
					url:'../requestForm/requestForm'
				})
			}
		}
	}
</script>

<style lang="scss">
	page {
		background: $page-color-base;
	}
	.log_container{
		display: flex;
		flex-direction: column;
		background-color: #FFFFFF;
	}
	.border{
		font-family: 'PingFang SC';
		font-style: normal;
		font-weight: 700;
		font-size: 17px;
		line-height: 24px;
		padding: 16rpx 30rpx;
		// margin-top: 16rpx;
		border-bottom: 1px solid  #FAFAFA;
		width: 100%;
		
	}
	.text{
		font-family: 'PingFang SC';
		font-style: normal;
		font-weight: 400;
		font-size: 14px;
		line-height: 20px;
		color: #9F9F9F;
		padding: 8rpx 0rpx;
	}

</style>
